import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { Footer, Header } from "./components/layout"
import routes from './routes';

function App() {

  return (
    <>
      <Router>
        <Header logo={"Your Logo"} routes={routes} />
        <div className="container mx-auto px-4 py-8">
          <Routes>
            {routes.map((route) => (
              <Route
                key={route.path}
                path={route.path}
                element={<route.component />}
              />
            ))}
          </Routes>
        </div>
      </Router>
      <Footer />
    </>
  )
}

export default App
